@charset "utf-8";
.head{
	border-bottom: 1px solid #eee;
}
.head>div{
	width: 1200px;
	margin: 0 auto;
	line-height: 23px;
	font-size: 12px;
	color: #333;
}
/*头部*/
.header{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.header .left{
	font-size: 40px;
	color: #212121;
}
.header .right{
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.header .right-info p:first-child{
	font-size:20px;
	color: #212121;
	font-weight: bold;
}
.header .right-info p:last-child{
	font-size:29px;
	color: red;
	font-weight: bold;
}
/*nav部分*/
.nav{
	width: 100%;
	height: 55px;
	line-height: 55px;
	background-color: #0096ff;
}
.nav ul{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	text-align: center;
	font-size: 16px;
}
.nav ul li{
	flex-grow: 1;
	border-right:1px solid #7ecef4;
	box-shadow:1px 0px 0px 0px #0068b7;
}
.nav ul li:first-child a{
	display: block;
	width: 80%;
	margin: 0 auto;
	height: 100%;
	background-color: #0370d6;
}
.nav ul li:last-child{
	border: none;
	box-shadow: none;
}
.nav ul a{
	color: #fff;
}
/*title部分*/
.title{
	text-align: center;
	position: relative;
	margin:30px 0 20px 0;
}
.title .xian{
	display: inline-block;
	width: 390px;
	height: 1px;
	background-color: #aaa;
	margin-bottom: 25px;
}
.title .english{
	text-transform: uppercase;
}
.title-info{
	width: 210px;
	height: 77px;
	background: url(../images/lll_03.png) no-repeat center;
	background-size:100%;
	display: inline-block;
}
.title-info div:first-child{
	font-size:18px;
	color: #333;
	margin-bottom:15px;
	font-weight:500;
}
.title-info div:last-child{
	font-size: 24px;
	color: #00447a;
}
/*关于我们部分*/
.aboutus{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.aboutus .left{
	flex-shrink: 0;
	width:380px;
	font-size: 0;
}
.aboutus .right{
	font-size: 14px;
	color: #333;
	text-indent: 24px;
	line-height:35px;
	padding: 0 10px;
}
.aboutus .right a{
	float: right;
	display: block;
	width: 120px;
	line-height: 30px;
	font-size: 14px;
	color:#fff;
	padding-left: 10px;
	box-sizing: border-box;
	height: 30px;
	background: url(../images/abgt_03.png) no-repeat center;
margin-top:30px;
}
/*产品分类部分*/
.product{
	width: 100%;
	padding-bottom: 30px;
	background: url(../images/product-bgt.png) no-repeat center;
}
.wrapper{
	width:1200px;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
}
.wrapper .right>ul li{
	width: 180px;
}
/*二级分类*/
.wrapper .left>ul>li:first-child{
	position: relative;
}
.wrapper .left>ul>li>ul{
	display: none;
	position: absolute;
	top: -1px;
	right: -105px;
}
.wrapper .left>ul>li>ul>li{
	width: 100px;
	height: 40px;
}



.product .left{
	width: 180px;
	flex-shrink: 0;
	margin-right: 35px;
}
.navigation{
	width: 160px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size:16px;
	background-color: #0096ff;
	position: relative;
	margin-bottom: 50px;
}
.navigation:after{
	content: "";
	display: block;
	width: 180px;
	height: 80px;
	background: url(../images/sanjiao_03.png) no-repeat center;
	position: absolute;
	left: -11px;
	top: 25px;
}
.wrapper .more{
	width: 120px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin: 0 auto;
	background-color: #0096ff;
}
.wrapper .more a{
	color: #fff;
}
.product .left ul li{
	width:100%;
	text-align: center;
	line-height: 40px;
	border:1px solid #0096ff;
	font-size: 14px;
	transition: all 0.5s;
	margin-bottom: 10px;
}
.product .left ul li:nth-child(1){
	background-color: #0084ff;
}
.product .left ul li:nth-child(1) a{
	color: #fff;
}
.product .left li a{
	display: block;
	width: 100%;
	height: 100%;
}
.product .left li:first-child span{
	display: inline-block;
	width:0;
    height:0;
    border:5px solid;
    border-color:transparent transparent #fff transparent; 
	transform: rotate(90deg) translateY(10px);
}
.product .left li span{
	text-align: left;
	display: inline-block;
	width:0;
    height:0;
    border:5px solid;
    border-color:transparent transparent #0084ff transparent; 
	transform: rotate(90deg) translateY(10px);
	transition: all 0.5s;
}
.product .left li:hover{
	background-color: #0096ff;
}
.product .left li:hover a{
	color: #fff;
}
.product li:hover span{
	border-color:transparent transparent #fff transparent;
}
.product .right{
	flex-grow: 1;
}
.product .right ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product .right .product-info{
	text-align: center;
	font-size: 12px;
	color: #333;
	line-height: 24px;
	margin-bottom: 20px;
	background-color: #fff;
}
/*厂房设施*/
.workshop{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.workshop .left{
	width: 50px;
	height: 158px;
	letter-spacing: 20px;
	font-size:22px;
	background-color: #0096ff;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 0 13px;
	box-sizing: border-box;
	margin-right:15px;
}
.workshop .right{
	width: 30px;
	letter-spacing: 20px;
	background-color: #0096ff;
	height: 158px;
	display: flex;
	align-items: center;
	padding: 0 7px;
	box-sizing: border-box;
	font-size: 14px;
	margin-left:15px;
	
}
.workshop .right a{
	color: #fff;
}
.swiperContainer{
	overflow: hidden;
	padding: 0 10px;
}
.swiperContainer .swiper-wrapper .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px!important;
}
.workshop{
	border: 1px solid #0096ff;
	margin-top: 30px;
	display: flex;
	align-items: center;
}
/*新闻*/
.news{
	width: 1200px;
	margin: 0 auto;
}
.news ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.news ul li{
	width: 500px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px #ddd dashed;
	line-height: 30px;
	font-size: 14px;
	margin-bottom: 10px;
	padding:0 10px;
}
.news ul .icon{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../images/newicon.png) no-repeat center;
	margin-right: 20px;
}
.news .more{
	width: 100px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	border: 1px solid #0066EE;
	margin-top: 10px;
	margin-bottom: 15px;
}
/*页脚*/
.footer{
	width: 100%;
	background-color: #0370d6;
	height: 390px;
}
.footer .wrapper{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
	color: #fff;
	font-size: 14px;
}
.footer .wrapper ul{
	display: flex;
	justify-content: space-around;
	font-size: 16px;
	margin: 30px 0 50px 0;
}
.footer .wrapper li:after{
	content: "/";
	display: inline-block;
	color: #fff;
	margin: 0 10px;
}
.footer .wrapper li:last-child:after{
	content: "";
	display: inline;
}
.footer .wrapper a{
	color: #fff;
}
.footer .wrapper .left p{
	margin-bottom: 50px;
}
.footer  .wrapper .right{
	width: 500px;
	background: url(../images/map.png) no-repeat center;
}
.footer .right p{
	margin-bottom: 20px;
}

.footer .right p:nth-child(1){
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #fff;
	font-size:18px;
	font-weight: bold;
	color: #0387e4;
	margin: 20px 0;
}

















}